body{
    --primary-color: #ff0064;
    --link-color: #4299e1;
    --border-radius: 4px;
    --bg: #ffffff;
    --bg-second: #ffffff;
    --rgb-bg-second: rgba(255, 255, 255, 0.932);
    --bg-body: #e7eaee;
    --bg-footer: #292525;
    --bg-code: #f8f8f8;
    --blockquote-color: #ffffff;
    --main-text-color: rgba(0, 0, 0, .85);
    --second-text-color: rgba(0, 0, 0, .65);
    --disable-text-color: rgba(0, 0, 0, .35);
    --border-color: rgba(178, 186, 194, .15);
    --box-shadow: 0 6px 14px 0 rgba(26, 26, 26, .06);
    --scrollbar-bg: #dadada;
    --comment-editor-border-color: #d9d9d9;
    --comment-editor-btn-disable-bg: #f5f5f5;

    color: var(--main-text-color);
    background-color: var(--bg);
    overflow-x: hidden;
    font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
    line-height: 1.75em;
}

body.dark{
    --bg: #282c35;
    --primary-color: #ff0064;
    --bg-second: #363c48;
    --rgb-bg-second: rgba(59, 65, 77, 0.959);
    --bg-body: var(--bg);
    --bg-footer: var(--bg);
    --bg-code: rgba(115, 124, 153, .2);
    --blockquote-color: #ffffff;
    --main-text-color: rgba(255, 255, 255, .85);
    --second-text-color: rgba(255, 255, 255, .65);
    --disable-text-color: rgba(255, 255, 255, .45);
    --border-color: rgba(255, 255, 255, .2);
    --box-shadow: 0 2px 15px 0 rgba(26, 26, 27, .637);
    --scrollbar-bg: var(--bg-second);
    --comment-editor-border-color: var(--border-color);
    --comment-editor-btn-disable-bg: var( --border-color );

    
}